{% extends "base.html" %}
{% load i18n %}
{% block title %} Tu Negocio Empresarios - Ver Ventas Cliente{% endblock %}

{% block head-css-ext %}
  <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/layout.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/jquery.alerts.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/blue/style.css" media="print, projection, screen" />

{% endblock %}

{% block head-js-ext %}
  <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script>
  <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.alerts.js"></script>
  <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.tablesorter.js"></script>
  <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.tablePagination.js"></script>
  <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.translate.js"></script>
{% endblock %}

{% block head-js-embedded %}
  <script type="text/javascript">
	function eliminar_venta(producto_id)
	{
	  var href = "/clientes/eliminar-venta/" + producto_id + "/";
	  jConfirm('Esta a punto de eliminar una venta, desea continuar?', 'Dialogo de Confirmación', function(r) {
		if(r)
		{
		  location.href = href;
		}     
      });
	}
  
    $(document).ready(function(){
	  var options = {
		firstArrow : (new Image()).src="{{MEDIA_URL}}img/icons/first.png",
		prevArrow : (new Image()).src="{{MEDIA_URL}}img/icons/prev.png",
		lastArrow : (new Image()).src="{{MEDIA_URL}}img/icons/last.png",
		nextArrow : (new Image()).src="{{MEDIA_URL}}img/icons/next.png"
	  }	  
	  $("#ficha-cliente")
		.tablesorter({widthFixed: true,  widgets: ['zebra'], headers: { 0 : {sorter: false}, 1 : {sorter: false}, 3 : {sorter: false} } })
		.tablePagination(options);
		
	  $("#tablePagination").translate('en', 'es');   
	  
	});        
  </script>
{% endblock %}

{% block content-box1 %}
  <b>Ventas Cliente: {{ cliente }}</b>
  {% if productos_cliente %}   
    <table id="ficha-cliente" class="tablesorter">
      <thead>
        <tr align="center">
          <th>Producto</th>
		  <th>Cantidad</th>
          <th>Fecha de Entrega</th>
		  <th>Eliminar Venta</th>
        </tr>            
      </thead>
      <tbody>
		{% for producto in productos_cliente %}               
          <tr align="center">
            <td>{{ producto.producto }}</td>
			<td>{{ producto.cantidad }}</td>
            <td>{{ producto.fecha_entrega|date:"d M Y" }}</td>
			<td><input onclick="eliminar_venta({{ producto.pk }})" class="eliminar" alt="Eliminar Venta" type="image" src="{{MEDIA_URL}}img/delete.gif" ></td>
          </tr>
        {% endfor %}
      </tbody>
    </table>      
  {% else %}
    <p><b>No tiene Productos relacionados a este cliente</b></p>
  {% endif %}
{% endblock %}

{% block content-colum2 %}
  {% if user.is_authenticated %}
	<ul>
	  <li><a href="{% url index %}">{% trans "Home" %}</a></li>
	  <li><a href="{% url clientes %}">Clientes</a></li>
	  <li><a href="{% url listar_clientes %}">Listar Clientes</a></li>
	  <li><a href="{% url agregar_productos_cliente_prueba cliente.codigo %}">Agregar Productos Cliente</a></li>	    	    
	</ul>
  {% endif %}   
{% endblock %}